@charset "utf-8";
/* CSS Document */
*{padding:0px;margin:0px;}
html{}
body{font-size:12px;font-family:"微软雅黑";margin:0px auto;padding:0px;color:#303030;}
img{border:none;}
a{color:#333333;text-decoration:none;transition:all ease-in-out 0.3s;}
a:hover{color:#354262;text-decoration:none;}
ul,li,ol,dl,dt,dd{list-style:none; padding:0px; margin:0px auto;}
input, select, button{font:12px Verdana, Arial, Tahoma;vertical-align:middle;}
.clear{clear:both;}
.center{margin:0px auto;}
.w960{width:1200px;}
.sbj{margin-top:30px;}
.sbj1{margin-top:50px;}
.header {width: 100%;background-color: #ECECEC;height: 30px;line-height: 30px;}
.header span {float: right;}
.header span a {padding: 0px 5px;}
#nav{height:50px;line-height:50px;background: url(../images/nav_bg.png) repeat-x center center;}
#nav li{float:left;text-align:center; width:131px;height: 50px;line-height: 50px;border-left: 2px solid #fff;}
#nav li:first-child{border-left: none;}
#nav li a{line-height:50px;display:block;height:50px;text-align:center;font-size:16px;color: #fff;}
#nav li:hover{text-decoration:none; height:50px;background-color: #2e3955;}
#nav li:hover a{color: #fff;font-weight: bold;}
#nav li dl{width:193px;background:#2e3955;list-style-type:none;text-align:left;left:-999em;position:absolute;z-index:99999;float:left;margin-left: -30px;}
#nav li dl dt{height:42px;line-height:42px; border-bottom:1px solid #fff;}
#nav li dl dt a{color:#fff;font-size:14px;height:35px;line-height:35px;font-weight: normal!important;}
#nav li dl dt a:hover{ background:none;font-size:15px;font-weight: bold;}
#nav li:hover dl{left:auto;}
.tjcp{display: flex;justify-content: space-around;}
.tjcp a{display: block;width:346px;height:204px;padding: 0px 20px;color: #fff;margin-right: 21px;}
.tjcp a:last-child{margin-right: 0px;}
.tjcp a:first-child{background: url(../images/fl_bg1.png) no-repeat center;}
.tjcp a:nth-child(2){background: url(../images/fl_bg2.png) no-repeat center;}
.tjcp a:nth-child(3){background: url(../images/fl_bg3.png) no-repeat center;}
.tjcp a dt{font-size:22px;margin-top:100px; transition:all ease-in-out 0.3s;text-align: center;}
.tjcp a:hover dt{color: #fff;font-size: 24px;}
#wrap{width: 100%;background-color: #354262;padding: 30px 0px;}
.title{text-align: center;color: #fff;}
.title li{font-size: 32px;}
.title p{font-family: arial;text-transform: uppercase;}
.title ol{font-size: 14px;margin:20px 150px 0px 150px;line-height: 32px;}
.cpfl li{width: 190px;margin-right:12px;background-color: #FFFFFF;height:50px;line-height: 50px;float:left;text-align: center;border-radius:10px;margin-bottom: 10px;}
.cpfl li:nth-child(6n){margin-right: 0px;}
.cpfl li a{font-size:15px;}
.cpfl li:hover{background-color: #333;}
.cpfl li:hover a{color: #fff;}
.cpzs{display: flex;justify-content: space-between;flex-wrap: wrap;}
.cpzs li{margin-bottom: 30px;width:280px;height: 370px;border: 1px solid #303030;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.cpzs li .tu{position: relative;width: 100%;height: 215px;padding:0px;background-color: #e5e5e5;overflow: hidden;}
.cpzs li .tu img{width: 280px;height: 215px;-webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.cpzs li:hover .tu img{-webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.cpzs li .tu p{position: absolute;left:0px;bottom:-50px;z-index: 10;width: 300px;padding:10px 0px;background: rgba(0,0,0,0.8);text-align: center;color: #fff;ilter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);transition: all 0.3s ease-out;}
.cpzs li:hover .tu p{bottom:0px;}
.cpzs li .ly-tit{padding:20px 10px;border-top: 1px solid #303030;}
.cpzs li .ly-tit dl{display: block;font-size: 16px;color: #2e3955;padding-bottom: 10px;font-weight: bold;transition: all 0.3s ease-out;}
.cpzs li:hover .ly-tit dl{text-indent: 15px;}
.cpzs li .ly-tit p{display: block;margin-bottom: 15px;font-size: 12px;color: #737373;line-height:26px;height:52px;overflow: hidden;}
.cpzs li .ly-tit .more img{display: inline-block;margin-right: 15px;float: left;vertical-align:middle;}
.cpzs li .ly-tit .more{font-size: 14px;color: #000000;vertical-align:middle;line-height: 17px;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.cpzs li:hover .ly-tit .more{margin-left: 10px;}
#wrap1{width: 100%;background: url(../images/company.jpg) no-repeat center center;padding:50px 0px;height:399px;color: #fff;}
.company img{ float:left; margin-right:30px;}
.company ol{font-size:20px;padding:15px 0px 20px 0px;}
.company p{ text-indent:2em; line-height:29px;font-size:14px;}
.company li{float: right;font-size: 20px;margin-top:18px;width: 100px;height:30px;line-height:30px;background-color: #FFFFFF;text-align: center;}
.company li a{font-size: 16px;text-transform: uppercase;}
.company li:hover{background-color: #354262;}
.company li:hover a{color: #fff;}
#demo{overflow:hidden;width: 100%;margin:0px auto;max-width:1920px;min-width:1200px;}
#indemo{float:left;width:800%;}
#demo1{float:left;}
#demo2{float:left;}
.dllist1{margin:0px auto;}
.dllist1 div{float:left;}
.dllist1 div li a{border: 2px solid #354262;display: inline-block;}
.dllist1 div li a img{width:480px;height:357px;}
.dllist1 div dl{text-align: center;font-size: 16px;line-height: 32px;}
.xwzx{display: flex;justify-content: space-between;text-align: center;margin-bottom: 70px;}
.xwzx li{width: 380px;}
.xwzx li img{width: 380px;height: 250px;}
.newnr{padding: 0px 40px;margin-top: 25px;}
.xwzx li dl{font-size: 20px;margin-bottom: 5px;}
.xwzx .newnr>a{font-size: 14px;line-height: 32px;}
.xwzx li dt{color: #888888;line-height: 20px;}
.xwzx li dd{width: 36px;height: 2px;background: #303030;margin: auto;}
.xwzx li p{margin-top: 20px;}
.xwzx a:hover{color: #354262;font-weight: bold;}
.title1{text-align: center;}
.title1 li{font-size: 32px;}
.title1 p{font-family: arial;text-transform: uppercase;}
#demo_{overflow: hidden;width:1200px;margin-top: 30px;}
#indemo_{float: left;width: 800%;}
#demo1_{float:left;}
#demo2_{float:left;}
.dllist{margin: 0px auto;}
.dllist dl{float: left;margin:0px 10px;}
.dllist dl img{width:220px;height:140px;}
.dllist dl p{text-align:center;line-height:36px;font-size: 14px;background-color: #F5F5F5;}
.foot{background: #2e3955;padding: 30px 0px;color: #fff;font-size: 14px;}
.foot a{font-size: 14px;color: #fff;}
.footl{width:500px;float: left;}
.footl dl dt{font-size: 18px;}
.footl dl dd{font-size: 18px;background: url(../images/foot_tel2.png) no-repeat left center;padding-left: 30px;margin: 20px 0px;}
.footl dl dd:nth-child(2){font-size: 18px;background: url(../images/foot_tel.png) no-repeat left center;padding-left: 30px;margin: 15px 0px;}
.footl dl a{color: #303030;display: inline-block;width: 130px;height: 22px;line-height: 22px;border-radius: 11px;background: #ffdd00;text-align: center;margin-top: 25px;}
.footl dl:nth-child(1){width: 250px;float: left;}
.footl dl:nth-child(2){line-height: 30px;width: 250px;float: left;}
.footc{width:488px;border-left: 1px solid #fff;border-right: 1px solid #fff;padding: 0px 12px;float: left;}
.footc dl{font-size: 18px;margin:0px 0px 10px 0px;}
.foot dt{display: flex;justify-content: space-between;flex-wrap: wrap;}
.foot dt a{display: inline-block;height:32px;line-height: 32px;text-align: center;font-size: 12px;}
.foot dt a:hover{color: #000;}
.footr{float: left;margin-left: 12px;width: 174px;line-height: 32px;text-align: center;}
.bqsy{background: #000000;line-height: 50px;color: #fff;text-align: center;font-size: 14px;}
.bqsy a{color: #fff;}
/*内页*/
#left{ width:245px; float:left; margin-right:20px;margin-top:20px; margin-bottom:20px;}
#right{width:935px;float:left;margin-top:20px;margin-bottom:20px;}
.icpfl dl{ background-color:#354262; height:46px; line-height:46px; color:#fff; font-weight:bold; text-align:center; font-size:16px;}
.inner-content{ margin-bottom:10px;background-color: #fff;}
ul.sf-menu {clear:both;margin:0px auto;height:auto;position:relative;text-transform:capitalize;z-index:500;width:233px;padding:5px; border:1px solid #ccc;}
ul.sf-menu li {zoom:1;margin:0px; }
ul.sf-menu li a {text-transform:capitalize; display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:40px;line-height:40px;font-size:14px;padding-left: 30px;background:url("../images/point.png") no-repeat 13px 15px; border-bottom:1px dashed #ccc;}
ul.sf-menu li a:hover, ul.sf-menu li a:active {background:#354262 url("../images/point-h.png") no-repeat 13px 17px;color:#fff;font-size:14px;}
ul.sf-menu li a:hover{ color:#fff!important;}
ul.sf-menu li.hover, ul.sf-menu li:hover {position:relative;}
ul.sf-menu li.menu-item:hover {position:relative;}
ul.sf-menu ul {width:100%;margin:0px;padding:0px;position:absolute;left:233px;top:0px;visibility:hidden;text-transform:capitalize;}
ul.sf-menu ul li a {font-weight:normal;line-height:42px;border-bottom:1px solid #fff;background:#eee url("../images/point1.png") no-repeat 10px 20px;height:42px;font-size:14px;padding-left: 40px;}
ul.sf-menu li.hover ul li a, ul.sf-menu li.hover ul li a:hover, ul.sf-menu li.hover ul li a:active {color:#000;text-decoration:none;background:#354262 url("../images/point1-h.png") no-repeat 10px 17px;font-size:14px;}
ul.sf-menu ul li a.hover, ul.sf-menu ul li a:hover {text-decoration:none;background:#ddd url("../images/point1-h.png") no-repeat 10px 17px!important;font-size:14px;}
li.LiLevel1 a:hover {color:#444!important;}
ul.sf-menu ul li ul {padding:0px;}
ul.sf-menu ul ul {left:233px;margin:0px;padding:0px;visibility:hidden;}
ul.sf-menu ul ul li a {width:auto;padding:0px;padding-left: 40px;text-decoration:none;font-size:14px;}
ul.pro-menu {margin-top:-1px;margin:0px;padding:0px;text-transform:capitalize;}
ul.sf-menu li:hover > ul {visibility:visible;margin:0px;padding:0px;}
ul.sf-menu li.LiProDetail a {background:#eee url("../images/point1.png") no-repeat 10px 17px!important;text-indent:-15px!important;color:#333!important;font-size:14px;}
ul.sf-menu li.LiProDetail a:hover, ul.sf-menu li.LiProDetail a:active {background:#354262 url("../images/point1-h.png") no-repeat 10px 17px!important;text-indent:-15px!important;font-size:14px;color:#fff!important;}
.lxwm1{border: 1px solid #ccc;padding: 10px 5px;font-size: 14px;line-height:36px;background-color: #fff;}
/*---------在线留言---------*/
.message{line-height:24px;}
.message dt{float:left;clear:both;width:60px;margin-left:20px;height:30px;margin-top:10px;}
.message dd{float:left;margin-top:10px;}
.message input{line-height:24px;height:24px;}
.message p{clear:both;margin-left:200px;}
.sub{height:30px;width:60px;display:block;float:left;margin-left:30px;}
/*---------新闻列表页---------*/
.e2 li{line-height:50px;height:50px;background:url(../images/dot1.png) no-repeat left center;border-bottom:1px dashed #969696;}
.e2 li a{font-size:14px; padding-left:15px;}
.e2 li span{float:right;}
.e2 li b{float:right;}
/*---------产品列表---------*/
.ipro_list div{width:216px;float:left; margin:0px 6px;}
.ipro_list dt{width:214px;height:214px;border:#b7b7b7 1px solid;overflow:hidden;}
.ipro_list dt a{text-align:center;width:214px;height:214px;display:table-cell;vertical-align:middle;overflow:hidden;}
.ipro_list dt img{vertical-align:middle;cursor:pointer;transition: all 0.6s;}
.ipro_list dt img:hover{transform:scale(1.2);}
.ipro_list dd{width:216px;text-align:center;height:36px;line-height:36px;overflow: hidden;}
.slt{overflow:hidden;margin-top:10px;margin-bottom:10px;}
.slt img{display:block;}
.timeBar{line-height:36px;text-align:center;margin:20px 0px;}
.time{background-color:#f3f3f3;border:1px solid #dedede;}
/*---------上下页---------*/
.guidbar_next{overflow:hidden;padding:10px 0px;border-top:1px solid #dadada;margin-top:20px;}
.guidbar_next li{font-size:12px;color:#666;}
.pre{ float:left;}
.next{ float:right;}
.guidbar_next li a{color:#333;}
.pre{text-align:left;float:left;}
.inext{text-align:right;float:right;}
/*---------分页---------*/
.page{text-align:center; margin-top:10px;}
.page ul{list-style-type:none;text-align:center;}
.page strong{font-size:12px;}
.page li{float:left;line-height:30px;height:30px;}
.page li a{float:left;padding:0px 4px;color:#000;display:block;}
.page li a:hover{color:#000;text-decoration:none;padding:0px 4px;}
.title3{border:1px solid #ccc; border-radius:5px;height:38px; line-height:38px; padding-left:15px; font-weight:bold; font-size:15px;}
.title3 span{ float:right; color:#000; font-weight:normal; font-size:12px; padding-right:25px;}
.content{line-height:36px;font-size:13px; padding:10px; border:1px solid #ccc; border-radius:5px;margin-top:20px;}
.client-2 {position: fixed;right: -170px;top:50%;z-index: 900;}
.client-2 li a {text-decoration: none;}
.client-2 li {margin-top: 1px;clear: both;height: 71px;position: relative;}
.client-2 li i {background: url(../images/fx.png) no-repeat;display: block;width: 30px;height: 27px;margin: 0px auto;text-align: center;}
.client-2 li p {height: 20px;line-height: 20px;overflow: hidden;text-align: center;color: #fff;}
.client-2 .my-kefu-qq i {background-position: 4px 5px;}
.client-2 .my-kefu-tel i {background-position: 0 -21px;}
.client-2 .my-kefu-liuyan i {background-position: 4px -53px;}
.client-2 .my-kefu-weixin i {background-position: -34px 4px;}
.client-2 .my-kefu-weibo i {background-position: -30px -22px;}
.client-2 .my-kefu-ftop i {width: 33px;height: 35px;background-position: -27px -51px;}
.client-2 .my-kefu-left {float: left;width: 77px;height: 47px;position: relative;}
.client-2 .my-kefu-tel-right {font-size: 20px;color: #fff;float: left;height: 24px;line-height: 22px;padding: 0 15px;border-left: 1px solid #fff;
margin-top: 14px;}
.client-2 .my-kefu-right {width: 20px;}
.client-2 .my-kefu-tel-main {background: #354262;color: #fff;height: 56px;width: 247px;padding:9px 0 6px;float: left;}
.client-2 .my-kefu-main {background: #354262;width: 97px;height: 56px;position: relative;padding:9px 0 6px;float: left;}
.client-2 .my-kefu-weixin-pic {position: absolute;left: -130px;top: -24px;display: none;z-index: 333;}
.my-kefu-weixin-pic img {width: 115px;height: 115px;}